<template>
	<div>
		<ul>
			<li>
				公共场所不建议自动登录，以免账号丢失
			</li>
			<li>
				<i></i>
				<input type="text" placeholder="邮箱/用户名/手机号">
			</li>
			<li>
				<i></i>
				<input type="password" placeholder="请输入密码">
			</li>
			<div>
				<input type="checkbox">
				<span> 自动登录</span>
				<span>忘记密码?</span>
			</div>
			<button>登 录</button>
		</ul>				
	</div>
</template>

<script>
	export default {
		name :'Account'
	}
</script>

<style scoped>
	/* login_bd部分 */
	.login_bd li {
		width: 100%;
		height: 36px;
		margin-bottom: 20px;
		border: 1px solid #ccc;
	}
	.login_bd li:nth-child(1) {
		width: 100%;
		height: 26px;
		line-height: 26px;
		border: 1px solid #e1be25;
		padding: 0 10px;
	}
	.login_bd li i {
		float: left;
		width: 37px;
		height: 34px;
		background-color: #ccc;
	}
	.login_bd li input {
		float: left;
		width: 266px;
		height: 34px;
		padding-left: 10px;
	}
	.login_bd div:nth-of-type(1) span:last-child {
		float: right;
	}
	.login_bd button {
		display: block;
		width: 100%;
		height: 40px;
		background-color: #c81623;
		font-size: 14px;
		color: #fff;
		margin-top: 20px;
	}
</style>